4th of 7 Questions.
When should you use <em> instead of <i>?
Both <em> and <i> tags render text in italics by default, but they serve different purposes. The <i> tag is used for stylistic text (like foreign words, technical terms, or thoughts), while the <em> tag is semantic and indicates emphasis. Screen readers and assistive technologies recognize <em> as emphasized text and give it vocal stress.
Example Using <i> and <em>
Key Differences
<i> makes text italic without implying importance (visual only).
<em> makes text italic and adds semantic emphasis.
Screen readers announce <em> with stress, improving accessibility.
Use <i> for foreign words, idioms, or technical terms.
Use <em> when you want to highlight importance or emphasis.
Example with CSS Alternative